@import 'common-button';
@import 'header';

header {
    .content {
        height: 90px !important;
    } 
}

// .guess-you-like h4 { position: fixed;  top: 0;  right: 0; background: #000; width: 35px !important;   height: 100%;  }
.flyer { width: 50px; height: 50px;  border-radius: 50px;  position: fixed;  z-index: 9009; }
.mofakoudai {
    .imgbox {
        width: 188px;
        height: 106px;
    }

    .price {
        button {
            float: right;
        }
    }
}

.gopay {
    width: 100% !important;
}

.iconfont,body,html {
    -webkit-font-smoothing: antialiased
}

.star-cont {
    display: inline-block;
    width: 84px;
    height: 24px;
    position: relative
}

.star-cont .stars-light,.star-cont .stars-ul {
    list-style: none;
    padding: 0;
    text-align: left;
    margin: 3px 0;
    white-space: nowrap;
    color: #c3c3c3
}

.star-cont .stars-light li,.star-cont .stars-ul li {
    margin: 0!important;
    border: 0!important;
    padding: 0 2px;
    display: inline-block
}

.star-cont .stars-light li .iconfont,.star-cont .stars-ul li .iconfont {
    font-size: 12px
}

.star-cont .stars-light {
    color: #F90;
    position: absolute;
    top: 0;
    overflow: hidden
}

.imageViewer-content {
    width: 100%;
    position: fixed;
    background: rgba(0,0,0,.8);
    z-index: 2001;
    box-shadow: border-box;
    height: 100%;
    left: 0;
    top: 0
}

.imageViewer-content .imgs-content {
    width: 1190px;
    height: 100%;
    padding-top: 30px;
    margin: auto;
    overflow: hidden
}

.imageViewer-content .imgs-content .header {
    height: 30px;
    margin: 0 30px 40px 0;
    text-align: right
}

.imageViewer-content .imgs-content .header .close {
    width: 30px;
    height: 30px;
    font-size: 30px;
    cursor: pointer;
    display: inline-block;
    background: 0 0;
    color: #fff;
    border: 0
}

.imageViewer-content .imgs-content .content-arrow-imgs {
    position: relative
}

.imageViewer-content .imgs-content .content-arrow-imgs .figure {
    width: 60%;
    margin: auto;
    position: relative;
    overflow: hidden
}

.imageViewer-content .imgs-content .content-arrow-imgs .figure .image-box {
    width: 100%;
    height: 100%
}

.imageViewer-content .imgs-content .content-arrow-imgs .figure .image-box img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%
}

.imageViewer-content .imgs-content .content-arrow-imgs .figure .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
    background: rgba(0,0,0,.4)
}

.imageViewer-content .imgs-content .content-arrow-imgs .figure .footer .footerCount {
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    padding-left: 12px
}

.imageViewer-content .imgs-content .content-arrow-imgs .arrow {
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    top: 50%;
    margin-top: -25px;
    cursor: pointer
}

.imageViewer-content .imgs-content .content-arrow-imgs .left-arrow {
    background-image: url(/bs/file/?f=meis/meishi.web:assets/ba4ac16c0ba81ee0.png@9f5cb6a);
    background-size: 100% 100%;
    left: 0
}

.imageViewer-content .imgs-content .content-arrow-imgs .right-arrow {
    background-image: url(/bs/file/?f=meis/meishi.web:assets/1dc199ca17bfb822.png@9f5cb6a);
    background-size: 100% 100%;
    right: 0
}

.imageViewer-content .imgs-content .content-arrow-imgs .pre-dis {
    background-image: url(/bs/file/?f=meis/meishi.web:assets/49749ec526b0d083.png@9f5cb6a);
    background-size: 100% 100%;
    cursor: not-allowed
}

.imageViewer-content .imgs-content .content-arrow-imgs .next-dis {
    background-image: url(/bs/file/?f=meis/meishi.web:assets/5104a593db3415ba.png@9f5cb6a);
    background-size: 100% 100%;
    cursor: not-allowed
}

.imageViewer-content .imgs-content .paginatedThumbnails {
    width: 1190px;
    height: 107px;
    position: absolute;
    bottom: 20px;
    overflow: hidden
}

.imageViewer-content .imgs-content .paginatedThumbnails .arrow {
    cursor: pointer;
    z-index: 2001;
    position: absolute;
    display: block;
    width: 30px;
    height: 107px;
    top: 0;
    //margin-top: -10px
}

#popup,.detail-wrap .poi-map-cont {
    z-index: 10000;
    transform: translateZ(0)
}

.imageViewer-content .imgs-content .paginatedThumbnails .left-arrow {
    left: 0;
    background-image: url(/bs/file/?f=meis/meishi.web:assets/7fc9ff7c48b23c8f.png@9f5cb6a);
    background-size: 100% 100%
}

.imageViewer-content .imgs-content .paginatedThumbnails .right-arrow {
    right: 0;
    background-image: url(/bs/file/?f=meis/meishi.web:assets/da750bb66f7ebbc8.png@9f5cb6a);
    background-size: 100% 100%
}

.imageViewer-content .imgs-content .paginatedThumbnails .thumbnails {
    position: relative;
    width: 10000px
}

.imageViewer-content .imgs-content .paginatedThumbnails .thumbnails .thumbnail {
    cursor: pointer;
    width: 190px;
    height: 107px;
    display: inline-block;
    margin-right: 10px;
    box-sizing: border-box
}

#popup,.popup-component section.widget {
    height: 100%
}

body,body h3,body h4,html,html h3,html h4 {
    margin: 0;
    padding: 0
}

.imageViewer-content .imgs-content .paginatedThumbnails .thumbnails .active {
    box-sizing: border-box;
    border: 2px solid #fff;
    border-radius: 4px
}

#popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    font-size: .26rem
}

.popup-component .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2)
}

.popup-component .content {
    position: absolute;
    background: #fff;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.popup-component.half .content {
    height: 60%;
    top: auto;
    bottom: 0
}

.popup-no-scroll {
    overflow-y: hidden
}

.imgbox {
    display: block;
    // background: url(/bs/file/?f=meis/meishi.web:assets/bee61f5f04046d07.png@9f5cb6a) center center no-repeat #e0e0e0;
    background-size: 60% auto
}

.imgbox img {
    width: 100%;
    height: 100%
}

.btn {
    padding: 0;
    border-radius: 100px;
    border: none;
    outline: 0;
    text-align: center;
    color: #fff;
    cursor: pointer;
    transition: background .6s ease
}

.btn:hover {
    background-color: #FFAD33
}

.btn:disabled {
    background-color: #E4E4E4;
    cursor: unset
}

.btn.disabled {
    background-color: #E4E4E4;
    cursor: unset
}

.btn.btn-default {
    width: 120px;
    height: 40px;
    font-size: 14px;
    line-height: 40px
}

.btn.btn-large {
    width: 150px;
    height: 50px;
    font-size: 20px;
    line-height: 50px
}

.btn.btn-clr-g {
    background-color: #13D1BE
}

.btn.btn-clr-o {
    background-color: #F90
}

.iconfont {
    font-family: iconfont!important;
    font-size: 12px;
    font-style: normal;
    -moz-osx-font-smoothing: grayscale
}

.icon-zoom_icon:before {
    content: "\e604"
}

.icon-star_icon:before {
    content: "\e606"
}

.icon-btn_left:before {
    content: "\e608"
}

.icon-btn_right:before {
    content: "\e609"
}

.icon-header_location:before {
    content: "\e60a"
}

.icon-close_icon:before {
    content: "\e60b"
}

body,html {
    font-size: auto!important;
    font-family: "-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue","MIcrosoft YaHei",sans-serif!important
}

body img,html img {
    display: block;
    border: 0
}

body li,body ul,html li,html ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.breadcrumbs {
    font-size: 12px;
    color: #222;
    line-height: 17px;
    padding: 19px 0
}

.guess-you-like {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background-color: #fff;
    padding: 16px 20px 10px;
}

.guess-you-like h4 {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 12px;
    color: #333;
    padding: 5px 0px;
    width: 100%;
    background-color: #ccc;
    text-align: center;
}

.guess-you-like h4 span {
    float: right;
    font-size: 12px;
    color: #999
}

.guess-you-like ul a {
    display: block;
    text-decoration: none
}

.guess-you-like ul li {
    margin-bottom: 20px
}

.guess-you-like ul li .pic {
    height: 106px;
    border-radius: 4px
}

.guess-you-like ul li .pic img {
    border-radius: 4px
}

.guess-you-like ul li .name {
    font-size: 14px;
    line-height: 20px;
    color: #222;
    margin: 10px 0 4px
}

.guess-you-like ul li .desc {
    font-size: 12px;
    line-height: 17px;
    color: #999
}

.guess-you-like ul li .price {
    font-size: 22px;
    color: #f60;
    line-height: 27px
}

.pagination li,.pagination li span {
    cursor: pointer;
    line-height: 40px;
    color: #999;
    height: 40px
}

.guess-you-like ul li .price b {
    font-weight: 400;
    font-size: 14px
}

.guess-you-like ul li .price span {
    float: right;
    font-size: 12px;
    color: #999
}

.pagination {
    text-align: center;
    display: inline-block
}

.pagination li {
    width: 40px;
    float: left;
    margin: 0 10px;
    text-align: center;
    font-size: 16px;
    -webkit-user-select: none;
    user-select: none;
    transition: background-color .5s
}

.pagination li span {
    border: 1px solid #E5E5E5;
    display: block;
    width: 100%;
    border-radius: 50%;
    text-decoration: none
}

.pagination li .ellipsis {
    border: 0;
    border-radius: 0
}

.pagination li .ellipsis:after {
    content: "\2022\2022\2022";
    display: block;
    letter-spacing: 2px;
    color: #ccc;
    font-size: 14px;
    cursor: auto
}

.pagination li .active {
    color: #fff;
    background-color: #13d1be;
    border-color: #13d1be
}

.pagination li .disabled {
    color: #e5e5e5;
    cursor: not-allowed;
    //background-color: #fff;
    //border-color: #ddd
}

.poi-page-btns {
    margin: auto;
    text-align: center;
    height: 40px;
    padding-top: 35px
}

.poi-page-btns span {
    display: inline-block;
    margin: 0 10px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 16px
}

.poi-page-btns .nor {
    color: #999;
    border: 1px solid #e5e5e5;
    border-radius: 50%
}

.poi-page-btns .on {
    background-color: #13d1be;
    border: 1px solid #13d1be;
    color: #fff
}

body {
    background-color: #f8f8f8
}

.detail-wrap {
    //padding-bottom: 40px
}

.detail-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.detail-wrap p {
    margin: 0
}

.detail-wrap a {
    text-decoration: none;
    cursor: pointer;
    color: #222
}

.detail-wrap .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.detail-wrap .content {
    width: 1190px;
    margin: auto
}

.detail-wrap .content .details {
    font-size: 12px;
    color: #666;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 20px 33px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 5px 14px 0 rgba(0,0,0,.1)
}

.detail-wrap .content .details .d-left {
    float: left;
    width: 748px;
    padding-right: 20px
}

.detail-wrap .content .details .d-left .name {
    font-size: 26px;
    line-height: 37px
}

.detail-wrap .content .details .d-left .name span {
    float: right;
    color: #00c9b3;
    font-size: 12px;
    cursor: pointer
}

.detail-wrap .content .details .d-left .name span b {
    // background-image: url(/bs/file/?f=meis/meishi.web:assets/9180fa934a07d959.png@9f5cb6a);
    width: 15px;
    height: 18px;
    background-size: 100% 100%;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
    margin-top: -3px
}

.detail-wrap .content .details .d-left .score {
    font-size: 14px;
    height: 14px;
    margin: 6px 0 17px
}

.detail-wrap .content .details .d-left .score .star-cont {
    display: inline-block
}

.detail-wrap .content .details .d-left .score .star-cont .stars-ul {
    margin: 0
}

.detail-wrap .content .details .d-left .score p {
    display: inline-block;
    margin-left: 6px
}

.detail-wrap .content .details .d-left .address {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 16px 0 11px
}

.detail-wrap .content .details .d-left .address p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px
}

.detail-wrap .content .details .d-left .address p b {
    background-image: url(//s0.meituan.net/bs/fe-web-meituan/8dbc1e4/img/sprites/16pt.png);
    width: 14px;
    height: 14px;
    background-position-x: -28px;
    background-size: auto 14px;
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
    margin-top: -3px;
    cursor: pointer
}

.detail-wrap .content .details .d-left .tags {
    padding-top: 20px
}

.detail-wrap .content .details .d-left .tags li {
    float: left;
    margin-right: 16px;
    line-height: 17px
}

.detail-wrap .content .details .d-left .tags li img {
    margin: auto auto 11px;
    width: 24px;
    height: 24px;
    border-radius: 0
}

.detail-wrap .content .details .d-right {
    float: left;
    width: 380px;
    overflow: hidden;
    cursor: pointer
}

.detail-wrap .content .details .d-right .big {
    height: 214px;
    width: 100%
}

.detail-wrap .content .details .d-right ul {
    width: 385px;
    padding-top: 10px
}

.detail-wrap .content .details .d-right ul li {
    float: left;
    width: 92px;
    margin-right: 4px;
    height: 50px
}

.detail-wrap .content .details .d-right .no-pic {
    display: block;
    width: 380px;
    height: 265px;
    background-image: url(/bs/file/?f=meis/meishi.web:assets/c56d3179722effd4.png@9f5cb6a);
    background-size: 100% 100%
}

.detail-wrap .content .btm-cont {
    color: #222;
    padding-top: 40px
}

.detail-wrap .content .btm-cont h3 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 8px
}

.detail-wrap .content .btm-cont .btm-left {
    width: 950px;
    float: left
}

.detail-wrap .content .btm-cont .btm-left .deal-need-login {
    padding: 30px 0;
    margin-bottom: 40px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #e5e5e5
}

.detail-wrap .content .btm-cont .btm-left .deal-need-login img {
    display: inline-block;
    width: 160px;
    height: 120px
}

.detail-wrap .content .btm-cont .btm-left .deal-need-login span {
    display: block;
    margin: 10px 0 14px;
    color: #666;
    font-size: 16px;
    line-height: 26px
}

.detail-wrap .content .btm-cont .btm-left .group {
    margin-bottom: 40px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 16px 20px 20px
}

.detail-wrap .content .btm-cont .btm-left .group h4 {
    font-size: 16px;
    line-height: 26px
}

.detail-wrap .content .btm-cont .btm-left .group .one {
    padding-bottom: 20px;
    margin-top: 17px
}

.detail-wrap .content .btm-cont .btm-left .group .one .pic {
    width: 100px;
    height: 100px;
    float: left;
    cursor: pointer
}

.detail-wrap .content .btm-cont .btm-left .group .one .info {
    float: left;
    padding: 1px 0 0 20px;
    width: 788px
}

.detail-wrap .content .btm-cont .btm-left .group .one .info .name {
    font-size: 16px;
    line-height: 22px;
    cursor: pointer
}

.detail-wrap .content .btm-cont .btm-left .group .one .info .name span {
    vertical-align: middle
}

.detail-wrap .content .btm-cont .btm-left .group .one .info .name .icon {
    vertical-align: middle;
    font-size: 12px;
    color: #fff;
    height: 16px;
    width: 16px;
    //line-height: 16px;
    //padding: 0 2px;
    display: inline-block;
    //background: #00C9B3;
    //border-radius: 2px;
    margin-left: 14px;
    //margin-top: -2px
}

.detail-wrap .content .btm-cont .btm-left .group .one .info .sale {
    font-size: 12px;
    color: #666;
    line-height: 17px;
    margin: 1px 0 22px;
    cursor: pointer
}

.detail-wrap .content .btm-cont .btm-left .group .one .info .price {
    font-size: 30px;
    color: #f60;
    cursor: pointer
}

.detail-wrap .content .btm-cont .btm-left .group .one .info .price b {
    font-weight: 400;
    font-size: 14px
}

.detail-wrap .content .btm-cont .btm-left .group .one .info .price span {
    color: #999;
    font-size: 12px;
    margin-left: 10px
}

.detail-wrap .content .btm-cont .btm-left .hasVouchers {
    margin-bottom: 10px
}

.detail-wrap .content .btm-cont .btm-left .vouchers {
    //margin-top: 10px;
    margin-bottom: 40px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 20px
}

.detail-wrap .content .btm-cont .btm-left .vouchers h4 {
    font-size: 16px;
    line-height: 26px
}

.detail-wrap .content .btm-cont .btm-left .vouchers .one {
    padding-bottom: 20px;
    margin-top: 17px
}

.detail-wrap .content .btm-cont .btm-left .vouchers .one .price {
    float: left;
    width: 140px;
    height: 89px;
    background-image: url(/bs/file/?f=meis/meishi.web:assets/74f33f3125908576.png@9f5cb6a);
    background-size: 100% 100%;
    text-align: center;
    padding: 11px 10px 0;
    color: #333;
    font-size: 14px
}

.detail-wrap .content .btm-cont .btm-left .vouchers .one .price span {
    display: block;
    font-size: 30px;
    color: #f60;
    border-bottom: 1px dashed #ccc;
    line-height: 36px;
    margin-bottom: 9px;
    padding-bottom: 8px
}

.detail-wrap .content .btm-cont .btm-left .vouchers .one .price span b {
    font-weight: 400;
    font-size: 14px
}

.detail-wrap .content .btm-cont .btm-left .vouchers .one .name {
    float: left;
    width: 728px;
    padding-left: 20px;
    font-size: 12px
}

.detail-wrap .content .btm-cont .btm-left .vouchers .one .name p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 1px
}

.detail-wrap .content .btm-cont .btm-left .fr {
    float: right;
    display: inline-block;
    margin-top: 30px;
    border-radius: 100px
}

.detail-wrap .content .btm-cont .btm-left .buy {
    width: 120px;
    height: 40px;
    font-size: 14px;
    background-color: #f90;
    text-align: center;
    line-height: 40px;
    color: #fff
}

.detail-wrap .content .btm-cont .btm-left .comment {
    margin-bottom: 40px
}

.detail-wrap .content .btm-cont .btm-left .comment .total {
    font-size: 20px;
    line-height: 26px
}

.detail-wrap .content .btm-cont .btm-left .comment .total .sort {
    cursor: pointer;
    float: right;
    font-size: 12px;
    color: #999
}

.detail-wrap .content .btm-cont .btm-left .comment .total .sort span {
    font-size: 12px;
    margin-left: 20px
}

.detail-wrap .content .btm-cont .btm-left .comment .total .sort .on {
    color: #00c9b3
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont {
    margin-top: 8px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 0 20px 40px;
    color: #666
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .tags {
    padding-top: 15px
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .tags li {
    float: left;
    font-size: 14px;
    line-height: 34px;
    padding: 0 10px;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    margin: 0 10px 10px 0;
    cursor: pointer
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .tags .onSel {
    background-color: #00C9B3;
    border: 1px solid #00C9B3;
    color: #fff
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .pager-cont {
    margin-top: 40px;
    text-align: center
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .sea {
    margin-top: 22px;
    font-size: 14px
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .sea span {
    display: inline-block;
    line-height: 20px;
    cursor: pointer
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .sea span b {
    width: 15px;
    height: 15px;
    border-radius: 2px;
    border: 1px solid #ccc;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 6px
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .sea span .onSel {
    background-image: url(/bs/file/?f=meis/meishi.web:assets/636c6b64fb0a3ed1.png@9f5cb6a);
    background-size: 100% 100%;
    border-color: #00C9B3;
    position: relative
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .sea .low {
    margin-left: 23px
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .list {
    padding: 30px 0 0
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .list .header {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    float: left
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .list .header .imgbox,.detail-wrap .content .btm-cont .btm-left .comment .com-cont .list .header img {
    border-radius: 50%
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .list .info {
    float: left;
    padding-left: 20px;
    width: 828px
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .list .info .name {
    font-size: 16px;
    color: #222;
    line-height: 22px;
    margin-bottom: 1px
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .list .info .name span {
    display: inline-block;
    background-color: #be9e4d;
    line-height: 13px;
    color: #fff;
    border-radius: 2px;
    font-size: 12px;
    padding: 0 5px;
    margin-left: 6px
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .list .info .date {
    font-size: 12px;
    line-height: 20px;
    color: #999
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .list .info .date span {
    float: right
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .list .info .source {
    line-height: 14px;
    margin-top: 3px;
    height: 16px;
    font-size: 11px
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .list .info .source .star-cont {
    display: inline-block
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .list .info .source .star-cont .stars-ul {
    margin: 0
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .list .info .source p {
    display: inline-block;
    margin-left: 6px
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .list .info .desc {
    font-size: 14px;
    line-height: 20px;
    padding-top: 13px
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .list .info .reply {
    font-size: 14px;
    color: #31bbac;
    padding-top: 12px
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .list .info .imgLists {
    padding-top: 17px
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .list .info .imgLists li {
    padding: 0;
    border: 0;
    float: left;
    width: 140px;
    height: 140px;
    margin: 0 20px 0 0;
    line-height: 140px;
    border-radius: 0
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .list .info .like-cont {
    text-align: right;
    margin: 17px 0 16px
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .list .info .like {
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
    color: #666
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .list .info .like span {
    vertical-align: middle
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .list .info .like b {
    // background-image: url(/bs/file/?f=meis/meishi.web:assets/a9850ffbcbd6b5e6.png@9f5cb6a);
    background-size: 100% 100%;
    width: 15px;
    height: 16px;
    display: inline-block;
    margin-right: 6px;
    vertical-align: text-bottom
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .list .info .on {
    color: #31bbac
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .list .info .on b {
    background-image: url(/bs/file/?f=meis/meishi.web:assets/73408bd03eeb3096.png@9f5cb6a);
    background-size: 100% 100%
}

.detail-wrap .content .btm-cont .btm-left .comment .com-cont .noComment {
    font-size: 14px;
    line-height: 20px;
    color: #999;
    text-align: center;
    padding-top: 25px
}

.detail-wrap .content .btm-cont .btm-left .recommend {
    overflow: hidden;
    margin-bottom: 40px
}

.detail-wrap .content .btm-cont .btm-left .recommend .cont {
    border: 1px solid #e5e5e5;
    background-color: #fff;
    padding: 33px 32px 26px;
    border-radius: 4px
}

.detail-wrap .content .btm-cont .btm-left .recommend b {
    font-weight: 400
}

.detail-wrap .content .btm-cont .btm-left .recommend ul {
    width: 910px
}

.detail-wrap .content .btm-cont .btm-left .recommend ul li {
    float: left;
    width: 130px;
    margin-right: 20px
}

.detail-wrap .content .btm-cont .btm-left .recommend ul li .pic {
    position: relative;
    height: 130px;
    border-radius: 4px
}

.detail-wrap .content .btm-cont .btm-left .recommend ul li .pic .desc {
    font-size: 14px;
    width: 100%;
    background: rgba(0,0,0,.3);
    padding: 8px 0;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0
}

.detail-wrap .content .btm-cont .btm-left .recommend ul li .pic .desc span {
    vertical-align: bottom;
    max-width: 60%;
    display: inline-block
}

.detail-wrap .content .btm-cont .btm-left .recommend .list {
    padding: 25px 0 0 6px
}

.detail-wrap .content .btm-cont .btm-left .recommend .list span {
    display: block;
    float: left;
    margin: 0 20px 19px 0;
    font-size: 16px;
    line-height: 20px;
    color: #333
}

.detail-wrap .content .btm-cont .btm-right {
    width: 230px;
    float: right;
    padding-top: 34px
}

.detail-wrap .content .btm-cont .btm-right .mt10 {
    margin-top: 10px
}

.detail-wrap .content .near-cont {
    //padding-top: 42px
}

.detail-wrap .content .near-cont h3 {
    font-size: 20px;
    line-height: 26px;
    color: #333
}

.detail-wrap .content .near-cont .nearby {
    margin-top: 8px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 20px 20px 0;
    overflow: hidden;
    color: #999
}

.detail-wrap .content .near-cont .nearby ul {
    width: 1200px
}

.detail-wrap .content .near-cont .nearby ul li {
    height: 241px;
    overflow: hidden;
    float: left;
    width: 214px;
    margin: 0 20px 22px 0
}

.detail-wrap .content .near-cont .nearby ul li .pic {
    height: 120px;
    border-radius: 4px
}

.detail-wrap .content .near-cont .nearby ul li .name {
    font-size: 16px;
    line-height: 22px;
    color: #222;
    margin: 10px 0 6px
}

.detail-wrap .content .near-cont .nearby ul li .source {
    color: #999;
    font-size: 12px;
    //height: 17px;
    line-height: 17px
}

.detail-wrap .content .near-cont .nearby ul li .source>span {
    margin-right: 4px
}

.detail-wrap .content .near-cont .nearby ul li .desc {
    margin: 1px 0 3px;
    min-height: 33px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.detail-wrap .content .near-cont .nearby ul li .price {
    font-size: 22px;
    line-height: 27px;
    color: #f60
}

.detail-wrap .content .near-cont .nearby ul li .price b {
    font-weight: 400;
    font-size: 14px
}

.detail-wrap .content .near-cont .nearby ul li .price span {
    float: right;
    font-size: 12px;
    color: #999
}

.detail-wrap .content .nav-cont {
    margin-top: 40px
}

.detail-wrap .poi-little {
    width: 710px;
    padding: 0 80px;
    margin: auto;
    overflow-y: scroll;
    height: 100%;
    color: #666;
    background-color: #fff;
    border-radius: 10px;
    position: relative
}

.detail-wrap .poi-little .notes h4,.detail-wrap .poi-little .order h4,.detail-wrap .poi-little .photo h4 {
    margin-bottom: 6px
}

.detail-wrap .poi-little h4 {
    font-size: 16px;
    line-height: 26px
}

.detail-wrap .poi-little .close {
    width: 40px;
    height: 40px;
    background-image: url(/bs/file/?f=meis/meishi.web:assets/23e53a0f610d8f35.png@9f5cb6a);
    background-size: 100% 100%;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px
}

.detail-wrap .poi-little .info {
    padding-top: 71px
}

.detail-wrap .poi-little .info .pic {
    float: left;
    width: 150px;
    height: 150px;
    border-radius: 4px
}

.detail-wrap .poi-little .info .dea {
    float: left;
    padding: 1px 0 0 40px;
    max-width: 500px
}

.detail-wrap .poi-little .info .dea .name {
    font-size: 26px;
    line-height: 37px;
    margin-bottom: 6px;
    color: #222
}

.detail-wrap .poi-little .info .dea .price {
    font-size: 24px;
    line-height: 29px;
    color: #31bbac
}

.detail-wrap .poi-little .info .dea .price b {
    font-weight: 400;
    font-size: 14px
}

.detail-wrap .poi-little .info .dea .price span {
    margin-left: 10px;
    font-size: 12px;
    color: #666
}

.detail-wrap .poi-little .info .dea .actions {
    margin-top: 33px
}

.detail-wrap .poi-little .info .dea .actions a {
    text-align: center;
    display: inline-block;
    width: 118px;
    height: 38px;
    line-height: 38px;
    background-color: #f90;
    border: 1px solid #f90;
    font-size: 14px;
    color: #fff;
    border-radius: 100px
}

.detail-wrap .poi-little .info .dea .actions .on {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    color: #666;
    margin-left: 20px
}

.detail-wrap .poi-little .order {
    padding-top: 40px;
    color: #666
}

.detail-wrap .poi-little .order .fr {
    float: right
}

.detail-wrap .poi-little .order .fr span {
    display: inline-block;
    width: 110px;
    text-align: center
}

.detail-wrap .poi-little .order .dea {
    border: 1px solid #e5e5e5;
    background-color: #fff;
    padding: 0 20px;
    border-radius: 4px
}

.detail-wrap .poi-little .order .dea .last {
    text-align: right;
    padding: 0;
    width: 65px
}

.detail-wrap .poi-little .order .dea .cont {
    height: 48px;
    font-size: 14px;
    line-height: 48px;
    border-bottom: 1px solid #e5e5e5
}

.detail-wrap .poi-little .order .dea .name {
    font-size: 14px;
    line-height: 45px;
    color: #222
}

.detail-wrap .poi-little .order .dea .name .fl {
    width: 154px;
    float: left
}

.detail-wrap .poi-little .order .dea .name .title {
    width: 173px;
    padding: 0;
    text-align: left;
    display: inline-block
}

.detail-wrap .poi-little .order .dea .total {
    border-top: 1px solid #e5e5e5;
    line-height: 49px;
    text-align: right;
    font-size: 14px
}

.detail-wrap .poi-little .order .dea .total span {
    display: inline-block;
    margin-left: 53px
}

.detail-wrap .poi-little .notes .cont p span,.detail-wrap .poi-little .order .remarks span {
    display: block
}

.detail-wrap .poi-little .order .dea .total span b {
    font-weight: 400;
    color: #f60
}

.detail-wrap .poi-little .order .remarks {
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px
}

.detail-wrap .poi-little .notes {
    padding-top: 40px
}

.detail-wrap .poi-little .notes .cont {
    border: 1px solid #e5e5e5;
    background-color: #fff;
    padding: 0 20px 20px;
    border-radius: 4px
}

.detail-wrap .poi-little .notes .cont p {
    margin-top: 20px
}

.detail-wrap .poi-little .notes .cont .fl {
    width: 101px;
    float: left;
    font-size: 14px;
    color: #222
}

.detail-wrap .poi-little .notes .cont .fr {
    float: left;
    width: 552px;
    font-size: 12px;
    color: #666;
    line-height: 20px
}

.detail-wrap .poi-little .photo {
    padding-top: 40px;
    overflow: hidden
}

.detail-wrap .poi-little .photo ul {
    width: 710px
}

.detail-wrap .poi-little .photo ul li {
    float: left;
    width: 220px;
    height: 129px;
    border-radius: 4px;
    margin-right: 10px
}

.detail-wrap .poi-little .photo ul .noMr {
    margin-right: 0
}

.detail-wrap .poi-little .goPoi {
    margin: 38px 0;
    text-align: center
}

.detail-wrap .poi-little .goPoi span {
    display: inline-block;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    color: #31bbac;
    line-height: 38px;
    padding: 0 15px 0 25px;
    border-radius: 100px
}

.detail-wrap .prove {
    position: fixed;
    top: 70px;
    width: 660px;
    left: 50%;
    margin-left: -330px;
    color: #333
}

.detail-wrap .prove .black {
    background: rgba(0,0,0,.3);
    padding: 10px
}

.detail-wrap .prove .black .cont {
    background-color: #fff;
    padding: 17px 20px 33px
}

.detail-wrap .prove .black .cont h4 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 7px
}

.detail-wrap .prove .black .cont h4 span {
    float: right;
    width: 16px;
    height: 16px;
    background-image: url(/bs/file/?f=meis/meishi.web:assets/0dbca1709659c230.png@9f5cb6a);
    background-size: 100% 100%;
    cursor: pointer
}

.detail-wrap .prove .black .cont .info {
    padding: 6px 0 24px
}

.detail-wrap .prove .black .cont .info .left {
    //float: left;
    //max-width: 440px;
    font-size: 12px;
    line-height: 17px
}

.detail-wrap .prove .black .cont .info .left p {
    margin: 0;
    line-height: 17px
}

.detail-wrap .prove .black .cont .info .right {
    float: right;
    width: 100px;
    height: 100px;
    padding-top: 30px
}

.detail-wrap .prove .black .cont .id {
    padding-top: 8px
}

.detail-wrap .prove .black .cont .id ul li {
    width: 280px;
    float: left;
    margin-right: 20px
}

.detail-wrap .prove .black .cont .id ul li p {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 7px
}

.detail-wrap .prove .black .cont .id ul li .bgF {
    background-color: #fafafa;
    border: 1px solid #eee;
    padding: 10px 11px;
    height: 180px
}

.detail-wrap .poi-map-cont {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: .26rem
}

.detail-wrap .poi-map-cont .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2)
}

.detail-wrap .poi-map-cont .map {
    width: 790px;
    overflow: hidden;
    background: #222;
    border-radius: 4px;
    top: 100px;
    left: 50%;
    position: fixed;
    padding: 5px;
    margin-left: -395px
}

.detail-wrap .poi-map-cont .map .map-close {
    padding-right: 10px;
    text-align: right;
    height: 40px
}

.detail-wrap .poi-map-cont .map .map-close span {
    color: #fff;
    cursor: pointer;
    line-height: 40px;
    font-size: 20px
}

.detail-wrap .poi-map-cont .map .map-close span:after {
    color: #fff
}

.detail-wrap .poi-map-cont .map .map-content {
    height: 500px;
    width: 790px;
    position: relative;
    background-color: #e5e3df;
    overflow: hidden;
    transform: translateZ(0)
}

.detail-wrap .clear:after {
    clear: both;
    content: '';
    display: block;
    width: 0;
    height: 0
}

.detail-wrap .com-image-viewer .imgs-content .footer,.detail-wrap .com-image-viewer .imgs-content .header {
    display: none
}

.detail-wrap .line {
    height: 1px;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5
}

.detail-wrap .poi-com-footer {
    margin-top: 40px
}

.detail-wrap .com-image-viewer {
    padding-top: 10px;
    position: static;
    background: #fff;
    overflow: hidden;
    cursor: pointer
}

.detail-wrap .com-image-viewer .imgs-content {
    padding-top: 180px;
    position: relative;
    margin: 0
}

.detail-wrap .com-image-viewer .imgs-content img {
    border-radius: 0!important
}

.detail-wrap .com-image-viewer .imgs-content .content-arrow-imgs,.detail-wrap .com-image-viewer .imgs-content .figure,.detail-wrap .com-image-viewer .imgs-content .image-box {
    width: 460px
}

.detail-wrap .com-image-viewer .paginatedThumbnails {
    width: 828px;
    height: 160px;
    position: absolute;
    top: 0;
    left: 0
}

.detail-wrap .com-image-viewer .paginatedThumbnails .thumbnails .thumbnail {
    width: 160px;
    height: 160px;
    margin-right: 0;
    border: 10px solid #fff
}

.detail-wrap .com-image-viewer .paginatedThumbnails .thumbnails .thumbnail img {
    width: 140px;
    height: 140px
}

.detail-wrap .com-image-viewer .paginatedThumbnails .thumbnails .active {
    border-color: #f4f4f4;
    border-radius: 0
}

.detail-wrap .noShowBigImg .arrow {
    display: none!important
}

.detail-wrap .noShowBigImg .content-arrow-imgs {
    display: none
}

.detail-wrap .noShowBigImg .thumbnails .active {
    border-color: #fff!important
}

.detail-wrap .mt-pagination {
    text-align: center;
    margin-top: 40px
}

.detail-wrap .map-cont {
    width: 300px;
    padding-top: 10px;
    color: #000;
    font-weight: 500
}

.detail-wrap .map-cont a {
    display: inline-block;
    padding-top: 10px;
    color: #2bb8aa
}

.detail-wrap .com-image-viewer .imgs-content {
    width: auto
}

.detail-wrap .com-image-viewer .imgs-content .content-arrow-imgs .arrow {
    top: 0;
    width: 40px;
    background-image: none!important;
    height: 100%;
    margin: 0;
    line-height: 100%;
    cursor: pointer
}

.detail-wrap .com-image-viewer .imgs-content .content-arrow-imgs .right-arrow:before {
    content: "\e609";
    font-size: 26px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -13px
}

.detail-wrap .com-image-viewer .imgs-content .content-arrow-imgs .left-arrow:before {
    content: "\e608";
    font-size: 26px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -13px
}

.detail-wrap .com-image-viewer .paginatedThumbnails .arrow {
    top: 10px;
    height: 140px;
    cursor: pointer
}

.poi-deal-popup .content,.poi-map-popup .content {
    width: 100%;
    overflow: hidden;
    background: rgba(0,0,0,0);
    margin: 86px 0 10px
}

.com-footer {
    margin-top: 40px
}
